<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	template="/layout/template.xhtml">
    <ui:define name="content">
    	<ui:include src="/dm/producto.xhtml" />
    	
    	
        <h:form id="formPrincipal">
            <p:messages showDetail="true"/>  
            <h1>#{mensaje.titulo_productos}</h1>
            <hr color="black"></hr>
            <p:growl id="growPs" autoUpdate="true" />
            <h:panelGroup>
            
<!--             <p:commandButton icon="ui-icon-document" action="#{productoBean.iniciar()}" value="#{mensaje.action_nuevo}" ajax="false"/> -->
            <p:commandButton icon="ui-icon-document"
					value="#{mensaje.action_nuevo} "
					action="#{productoBean.iniciar()}" 
					onclick="PF('dlgProducto').show()"
					update=":formProducto" />
					
             <br/>
             <br/>
            </h:panelGroup>
            <p:dataTable paginator="true" rows="6" 
              value="#{productoList.findAllWithDetail()}" var="_producto" paginatorPosition="bottom">
                
                <p:column sortBy="#{_producto.nombre}" filterBy="#{_producto.nombre}" headerText="#{mensaje.label_nombre}">
              
                       <h:outputText value="#{_producto.nombre}" /> 
                </p:column>
                 <p:column sortBy="#{_producto.descripcion}" filterBy="#{_producto.descripcion}">
                    <f:facet name="header">#{mensaje.titulo_descripcion}</f:facet>
                        #{_producto.descripcion}                       
                </p:column>   
                 <p:column sortBy="#{_producto.DTYPE}" filterBy="#{_producto.DTYPE}">
                    <f:facet name="header">#{mensaje.titulo_tipo}</f:facet>
                        #{_producto.DTYPE}                       
                </p:column>               
<!--                  <p:column sortBy="#{_producto.marca}" filterBy="#{_producto.marca}"> -->
<!--                     <f:facet name="header">#{mensaje.titulo_marca}</f:facet> -->
<!--                         #{_producto.marca.nombre} -->
<!--                 </p:column> -->
<!--                  <p:column sortBy="#{_producto.activo}" filterBy="#{_producto.activo}"> -->
<!--                     <f:facet name="header">#{mensaje.titulo_activo}</f:facet> -->
<!--                         #{_producto.activo} -->
<!--                 </p:column>                    -->
                <p:column>
                    <f:facet name="header">#{mensaje.label_opciones}</f:facet>
<!--                     <p:commandButton action="#{productoBean.iniciar(_producto)}" -->
<!--                                      value="#{mensaje.action_modificar}" ajax="false"/> -->
                    <p:commandButton id="updateButtonProductos" icon="ui-icon-pencil"
					action="#{productoBean.iniciar(_producto)}" 
					onclick="PF('dlgProducto').show()"
					update=":formProducto" />
					<p:tooltip for="updateButtonProductos" value="#{mensaje.action_modificar}"
						showEffect="fade" hideEffect="fade" />
					<p:commandButton id="delButtonProductos"
						action="#{productoBean.eliminar(_producto)}"
						icon="ui-icon-closethick" update=":formPrincipal">
						<p:confirm header="Confirmation"
							message="#{mensaje.titulo_confirmacion_producto}"
							icon="ui-icon-alert" />
					</p:commandButton>
					<p:tooltip for="delButtonProductos" value="#{mensaje.action_eliminar}"
						showEffect="fade" hideEffect="fade" />
					<p:confirmDialog global="true" showEffect="fade">
						<p:commandButton value="#{mensaje.titulo_si}" type="button"
							styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
						<p:commandButton value="#{mensaje.titulo_no}" type="button"
							styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
					</p:confirmDialog>
						
                </p:column>
                
            </p:dataTable>
           
        </h:form>
    </ui:define>    
</ui:composition>
